<!--{template common/header_simple_start}-->
<link href="static/css/common.css?{VERHASH}" rel="stylesheet" media="all">
<link href="dzz/connect/images/connect.css?{VERHASH}" rel="stylesheet" media="all">
<script type="text/javascript" src="dzz/scripts/jquery-1.10.2.min.js"></script>
<script src="static/bootstrap/js/bootstrap.min.js?{VERHASH}"></script>

<!--{template common/header_simple_end}-->
<div class="container" style="height:100%">
  	<div class="main-header clearfix">
         <ul class="nav nav-pills nav-pills-bottomguide">
              <li><a href="{BASESCRIPT}?mod=connect">我的云</a></li>
              <li><a href="{BASESCRIPT}?mod=connect&op=addcloud">添加云</a></li>
               <li class="active"><a href="{BASESCRIPT}?mod=connect&op=oauth&bz=ALIOSS">添加京东云存储</a></li>
        </ul>
    </div>
	<div class="main-content clearfix">
    	<div class="container" style="padding:15px;">
       		 <h4 class="clearfix" style="margin-bottom:20px"><div class="col-sm-1"></div><div class="col-sm-10">设置cess Key ID 和 Access Key Secret</div></h4>
           	 <form  name="aliform" class="form-horizontal" action="{BASESCRIPT}?mod=connect&op=oauth" method="post" onsubmit="return validate(this)">
   				 <input type="hidden" name="jsssubmit" value="true" />
                  <input type="hidden" name="bz" value="JSS" />
                 <input type="hidden" name="formhash" value="{FORMHASH}" />
                  <div class="form-group">
                    <label class="control-label col-sm-3" for="email">accessKey</label>
                    <div class="col-sm-4">
                      <input type="text" id="access_id" class="form-control" name="access_id" autocomplete="off" value="" onblur="if(this.value==''){jQuery(this).parent().parent().addClass('warning');}else{jQuery(this).parent().parent().removeClass('warning');getBucket();}">
                    </div>
                     <div class="col-sm-5">
                      <span  class="help-inline">京东云存储accessKey</span>
                     </div>
                  </div>
                  <div class="form-group">
                    <label class="control-label col-sm-3" for="email">secretKey</label>
                    <div class="col-sm-4">
                      <input type="password" class="form-control" id="access_key" name="access_key" autocomplete="off" value="" onblur="if(this.value==''){jQuery(this).parent().parent().addClass('warning');}else{jQuery(this).parent().parent().removeClass('warning');getBucket();}">
                    </div>
                    <div class="col-sm-5">
                      <span  class="help-inline">京东云存储secretKey</span>
                     </div>
                  </div>
                   <div class="form-group">
                    <label class="control-label col-sm-3" ><a href="javascript:;" onclick="getBucket()">点此获取bucket列表</a></label>
                    <div class="col-sm-4">
                      <select id="bucket" name="bucket" class="form-control">
                      	<option value="" >请选择bucket</option>
                      </select>
                     </div>
                     <div class="col-sm-4">
                       <span  class="help-inline">选择要管理的bucket，点击左侧的连接可以自动获取bucket列表，如不选将管理所有bucket</span>
                     </div>
                  </div>
                  <div class="form-group">
                    <div class="col-sm-3"></div>
                    <div class="col-sm-9">
                      <input type="submit" class="btn btn-primary" value="添加" >
                    </div>
                 </div>
               </form>
           </div>
    </div>
 </div>
 <script type="text/javascript">
function getBucket(){
	var id=encodeURIComponent(jQuery("#access_id").val());
	var key=encodeURIComponent(jQuery("#access_key").val());
	if(id=='' || key==''){
		return ;
	}
	jQuery.getJSON(DZZSCRIPT+'?mod=connect&op=ajax&do=getBucket&bz=JSS',{id:id,key:key},function(json){
		if(json.error){
			alert(json.error);
		}else if(json.length>0){
			var html='<option value="" >请选择bucket</option>';
			for(var i in json){
				html+='<option value="'+json[i]+'" >'+json[i]+'</option>';
			}
			jQuery('#bucket').html(html);
		}
	});
	
}
function validate(form){
	if(jQuery("#access_id").val()==''){
		jQuery("#access_id").parent().parent().addClass('warning');
		return false;
	}else if(jQuery("#access_key").val()==''){
		jQuery("#access_key").parent().parent().addClass('warning');
		return false;
	}
	return true;
}
jQuery(document).ready(function(e) {
  
});



 </script>
<!--{template common/footer_simple}-->
